*{padding: 0px; border: none; margin: 0px;}
html,body,div,ul,li,p,img,input{padding: 0px; border: none; margin: 0px;}
a{text-decoration:none}
@keyframes logo{
	0%{margin-left: -300px;}
	100%{margin-left: 20px;}
}
@keyframes move{
	0%{margin-left: -400px;}
	100%{margin-left: 0px;}
}
@keyframes right{
	0%{margin-right: -400px;}
	100%{margin-right: 0px;}
}
body{width: 100%; height: 100%; background: url('/admin/images/bg.jpg') no-repeat;}
.logo{width: 300px; height: 100px; float: left; margin: 20px;animation: logo 1s ease-in 0s;}
.logo img{width: 300px; height: 100px;}
.left{float: left; margin-top: 200px; margin-left: -200px;}
.left img{animation: move 1s ease-in 0s;}
.right{float: right; width: 40%; height: 910px; margin: 0px;animation: right 1s ease-in 0s;}
.system{width: 400px; height: 370px; background-color:#96989e; margin-top: 250px;}
.system h2{line-height: 40px; text-align: center;margin-bottom: 20px; padding-top: 20px;}
.system form{width: 100%; height: 230px; padding: 20px; padding-top: 0px;}
.system form #sjh,#mm{width: 80%; height: 30px; line-height: 30px; margin-left: 20px;border: none;}
.system form .sjh,.mm{width: 40%; height: 30px; line-height: 30px; margin-left: 20px;z-index: 0;}
.system form #yzm{width: 40%; height: 30px; line-height: 40px;margin-left: 20px;border: none;}
.system form .yzm{width: 40%; height: 40px;float: right; margin-right: 20px;margin-top: -5px;z-index: 100;}
.system form .yzm img{width: 120px; height: 40px;z-index: 100; margin-top: 0px;}
.system form .yzyzm{width: 40%; height: 30px; line-height: 30px; margin-left: 20px;}
.system form #denglu{width: 80%; height: 50px; line-height: 50px; font-size: 30px;background-color: #4b484a;margin-top: 0px; margin-left: 20px; color: rgb(255,255,255);border: none; cursor: pointer;}
.system p{width: 50%; text-align: center; float: left; color: black;}
.system p a{color: black;}
.system p a:hover{color: blueviolet;}
@media only screen and (max-width:1428px ) {
	.left{display: none;}
	.right{margin-right: 296px;}
	}